<template>
    <el-container>
        <el-header :style="{height: this.$Global.headerHeight+'px'}">
            <my-header></my-header>
        </el-header>
        <el-main>
            <router-view></router-view>
        </el-main>
        <el-footer :style="{height: this.$Global.footerHeight+'px'}">
            <my-footer></my-footer>
        </el-footer>
    </el-container>
</template>

<script>
import MyHeader from "./Header";

import MyFooter from "./Footer";
export default {
    data() {
        return {};
    },
    methods: {},
    components: {
        MyHeader,
        MyFooter
    },
    mounted() {
        this.$router.push("/first").catch(err => err);
    }
};
</script>

<style>
.el-head {
    width: 100%;
    text-align: center;
}
.el-main {
    /* text-align: center; */
    padding: 0 0;
}

.el-footer {
    width: 100%;
    /* position: fixed; */
    bottom: 0;
    background-color: #323232;
}
</style>